/*
 * @Author       : NaN 353362604@qq.com
 * @Date         : 2023-05-09 16:51:14
 * @LastEditTime : 2023-06-12 11:10:09
 * @LastEditors  : NaN 353362604@qq.com
 * @FilePath     : \AdminStration\src\Pages\Front\Common\Template\Scss\QualityScore.scss
 * @Description  : 
 */
.QualityScore001 {
	width: 100%;
	height: 100%;
	padding: 16px;

	& > .QualityScore001Box {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-evenly;

		& > div:first-child {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div:last-child {
				display: flex;
				align-items: center;
				justify-content: center;

				& > div {
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;

					& > div:first-child {
						height: 29px;
						background: rgba(0, 60, 200, 0.2);
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 16px;
						font-family: YouSheBiaoTiHei;
						font-weight: 400;
						padding: 4px 8px;
						margin: 0 1px;
					}

					& > div:last-child {
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 24px;
						font-family: Microsoft YaHei;
						font-weight: bold;
						color: #ffffff;
					}
				}
			}
		}

		& > div:last-child {
			height: 200px;
			border: 2px solid rgba(185, 225, 252, 0.2);
			border-radius: 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			cursor: pointer;
			padding: 0 16px;

			& > img {
				width: 60px;
				height: 52px;
			}

			& > div:nth-child(2) {
				height: 15px;
				line-height: 15px;
				font-size: 14px;
				font-family: Microsoft YaHei;
				font-weight: 600;
				color: #ffffff;
				margin: 8px 0 16px 0;
			}

			& > div:nth-child(3) {
				font-size: 34px;
				line-height: 34px;
				font-family: Microsoft YaHei;
				font-weight: 600;
				color: #ffffff;
			}
		}
	}
}
